<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>05-个人中心-已登录-06充值-选择银行卡</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
    <link href="css/public.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/personal.css" rel="stylesheet" type="text/css" media="all" />
    <script src="js/jquery-2.1.4.min.js"></script>
</head>
<body class="graybody">
<header class="header">
    <div class="header_left"><a href="#" class="returnico"></a></div>
    <div class="header_center fontcolor">选择银行卡</div>
</header>
<!--选择银行卡-->
<h4 class="bankentryh4"><span>充值金额 <b class="fontcolor">300.00</b> 元</span>选择银行卡</h4>
<form>
    <div class="bankentrydiv">
        <ul>
            <li class="bankli cli"><div><p><img src="images/bankinputimg_03.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_05.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_09.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_11.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_14.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_03.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_05.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_09.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_11.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_14.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_03.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_03.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_05.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_09.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_11.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_14.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_03.png" height="20"/></p></div></li>
            <li class="bankli"><div><p><img src="images/bankinputimg_03.png" height="20"/></p></div></li>
            <li class="lookmoreli"><div><p>更多银行</p></div></li>
        </ul>
    </div>
    <h4 class="bankentryh4">选择其他方式</h4>
    <div class="paytypediv">
        <ul>
            <li><img src="images/bankinputimg_24.png" height="25"/></li>
            <li><img src="images/bankinputimg_18.png" height="25"/></li>
        </ul>
    </div>
    <div class="intdivsubmit">
        <a href="#" class="nextcz indexbgcolor">下一步</a>
    </div>
</form>
<script>

//  选择银行卡
        for(i=0;i<=10;i++){
            $(".bankli").eq(i).show()
        }
        $(".bankentrydiv ul li.bankli p").click(function(){
			$(".bankentrydiv li:not(.lookmoreli),.paytypediv li").removeClass("cli");
            $(this).parents("li").addClass("cli");
        });
        $(".bankentrydiv ul li.lookmoreli p").click(function(){
            $(this).parents(".bankentrydiv").find("li").show();
            $(this).hide()
        });
        $(".paytypediv ul li").click(function(){
			$(".bankentrydiv li,.paytypediv li").removeClass("cli");
            $(this).addClass("cli");
        })
</script>
</body>
</html>